function _extends(){return(_extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t}).apply(this,arguments)}function _defineProperty(t,e,n){return(e=_toPropertyKey(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function _toPropertyKey(t){var e=_toPrimitive(t,"string");return"symbol"==typeof e?e:e+""}function _toPrimitive(t,e){if("object"!=typeof t||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}SK.React=SK.React||{},SK.React.Component=SK.React.Component||{},SK.React.Component.ContentEditable=SK.React.Component.ContentEditable||class extends React.Component{constructor(t){super(t),_defineProperty(this,"render_properties",{}),_defineProperty(this,"emitChange",()=>{var t=this.getDOMNode()[this.content_property];this.props.onChange&&t!==this.previous_html&&this.props.onChange({target:{value:t}}),this.previous_html=t}),this.state={content_type:this.props.html?"html":"text",content_editable:!1,content:(this.props.html?this.props.html:this.props.text)||" "},this.render_properties=Object.assign({},this.props,{html:void 0,text:void 0,custom_tag:void 0,onChange:void 0})}static getDerivedStateFromProps(t){return{content:t.html||t.text}}render(){const t=this.props.custom_tag||"div";return"html"==this.state.content_type?React.createElement(t,_extends({},this.render_properties,{onInput:this.emitChange,onBlur:this.emitChange,contentEditable:this.state.content_editable,dangerouslySetInnerHTML:{__html:this.state.content}})):React.createElement(t,_extends({},this.render_properties,{onInput:this.emitChange,onBlur:this.emitChange,contentEditable:this.state.content_editable}),this.state.content)}componentDidMount(){this.setState({content_editable:!!SK.Singletons.env.get("admin_mode")&&!SK.Singletons.env.get("sk_pro_preview")&&!SK.Util.isMobile()}),SK.UI&&SK.UI.Preview&&SK.UI.Preview.addEvents({onEnable:this.setState.bind(this,{content_editable:!1}),onDisable:this.setState.bind(this,{content_editable:!SK.Util.isMobile()})}),this.content_property="html"==this.state.content_type?"innerHTML":"innerText"in this.getDOMNode()?"innerText":"textContent"}shouldComponentUpdate(t,e){return t[this.state.content_type]!==this.getDOMNode()[this.content_property]||e.content_editable!==this.state.content_editable}getDOMNode(){return ReactDOM.findDOMNode(this)}};